<template>
<form action="#">
      <label for="lang">Language</label>
                                            <!-- 这里必须用 :value="modelValue" 配合这个$emit('update:modelValue', $event.target.value)-->
      <select name="languages" id="lang"  :value="modelValue" @change="inputs">
        <option value="javascript">JavaScript</option>
        <option value="php">PHP</option>
        <option value="java">Java</option>
        <option value="golang">Golang</option>
        <option value="python">Python</option>
        <option value="c#">C#</option>
        <option value="C++">C++</option>
        <option value="erlang">Erlang</option>
      </select>
      <input type="submit" value="Submit" />
</form>

</template>

<script>
export default {
    props:{
        // 还有这个接收父属性
        modelValue:{
            typeof:String,   
        }
    },
    methods:{
        inputs(e){
                this.$emit('update:modelValue',e.target.value)
            }
    }
       
}
</script>

<style>

#lang{
    width: 150px;
    height: 40px;
    border: 3px solid black;
    margin: 0 10px;
    border-radius: 5px;
    font-size: 1.3em;
}
</style>